<%--
  Created by IntelliJ IDEA.
  User: 96394
  Date: 2019/12/23
  Time: 16:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<%--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">--%>
<!DOCTYPE html>
<html>
<head>
    <title>我的任务</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/css/base/base.css?20201106.1"/>
    <link rel="stylesheet" type="text/css" href="/css/news/center.css"/>
    <link rel="stylesheet" href="/lib/bootstrap/3.3.7/css/bootstrap.css">
	<link rel="stylesheet" href="/css/task/taskManage/taskManage.css">
	<link rel="stylesheet" href="/css/task/message.css">
	<link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
    <script type="text/javascript" src="/js/news/jquery-1.9.1.js"></script>
	<script src="/js/base/base.js"></script>
	<script src="/js/ajaxupload.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="/js/common/fileupload.js"></script>
	<script src="/lib/jQuery-File-Upload-master/jquery.ui.widget.js" type="text/javascript" charset="utf-8"></script>
	<script src="/lib/jQuery-File-Upload-master/jquery.iframe-transport.js" type="text/javascript" charset="utf-8"></script>
	<script src="/lib/jQuery-File-Upload-master/jquery.fileupload.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/layer/layer.js?20201106"></script>
	<script src="/js/task/laydate/laydate.js"></script>
    <script src="/lib/bootstrap/3.3.7/js/bootstrap.js"></script>
	<script src="/lib/bootstrap/3.3.7/js/bootstrap-treeview.js" type="text/javascript" charset="utf-8"></script>
	<script src="/lib/ueditor/ueditor.config.js" type="text/javascript" charset="utf-8"></script>
	<script src="/lib/ueditor/ueditor.all.js" type="text/javascript" charset="utf-8"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="/lib/bootstrap/3.3.7/js/html5shiv.min.js"></script>
    <script src="/lib/bootstrap/3.3.7/js/respond.min.js"></script>
    <![endif]-->
	<script>
		var basePath = "<%=basePath%>"
	</script>

	<style>
		* {
			font-family: "Microsoft Yahei";
		}

		body {
			user-select: none;
		}

		.btn_mytask_group>button{
			outline: none !important;
		}

		.btn_mytask_group .active{
			color: #fff;
			background-color: #337ab7;
			border-color: #2e6da4;
		}

		.btn_mytask_group .active:hover,
		.btn_mytask_group .active:focus{
			color: #fff;
			background-color: #337ab7;
			border-color: #2e6da4;
		}

		.dech {
			display: inline-block;
			margin-right: 10px;
		}

		.re_eidter {
			position: absolute;
			top: 0;
			right: 90px;
			z-index: 999;
			width: 450px;
			height: 200px;
			box-shadow: 0 1px 10px 1px;
			border-radius: 5px;
			margin-top: -200px;
			background: #fff;
			border: 1px solid #ececec;
			overflow: hidden;
		}

		/*解决bootstrap多层模态框嵌套滚动条问题*/
		.modal {
			overflow: auto;
		}

		.child_feedback_ul >li {
			border-top: 1px dashed #999;
		}

		.child_feedback_ul >li:last-child {
			border-bottom: 1px dashed #999;
		}

		.task_list_item .check_box:before{
			visibility: hidden;
		}

        .task_list_item.end .check_box:before{
			visibility: visible;
		}

		.user_type_manage .clear_users,
		.user_type_shared .clear_users{
			display: none !important;
		}
		.user_type_manage .user_opt,
		.user_type_shared .user_opt {
			display: none !important;
		}

		.user_type_shared .btn_mark,
		.user_type_shared .btn_cancel_mark,
		.user_type_shared .btn_del,
		.user_type_shared .m_edit_name,
		.user_type_shared .add_child_task,
		.user_type_shared .deImgs{
			display: none !important;
		}

		.panel .panel-body .task_list_item .task_item_right .avatar {
			width: 70px;
			position: absolute;
			right: 0;
			text-align: right;
			font-size: 12px;
		}
		.panel .panel-body .task_list_item .task_name .check_box {
			border-radius: 3px;
		}
		
		.list_title {
			display: inline-block;
			width: 230px;
			overflow: hidden;
			height: 20px;
			line-height: 20px;
			text-overflow: ellipsis;
			white-space: nowrap;
			word-break: break-all;
		}
		
        .task_name {
			width: 180px;
		}

	</style>

</head>
<body>
<!-- 搜索区域 -->
<div class="search_box">
	<div class="search_module cfix">
		<div class="search_content">
			<div class="btn-group btn_mytask_group">
				<button type="button"  class="btn btn-default btn_mytask active" data-mytask="1">我的任务</button>
				<button type="button"  class="btn btn-default btn_mytask" data-mytask="3">我关注的</button>
				<button type="button"  class="btn btn-default btn_mytask" data-mytask="2">分享给我的</button>
			</div>
		</div>
		<div class="search_content">
			<div class="search_content_group dropdown">
				<button class="btn btn-default dropdown-toggle" type="button" id="search_implementation" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
					<span class="btn_text">执行情况</span>
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" aria-labelledby="search_implementation">
					<li><a href="javascript:;" class="btn_implementation" data-implementation="4">执行情况</a></li>
					<li><a href="javascript:;" class="btn_implementation" data-implementation="1">已经延期</a></li>
					<li><a href="javascript:;" class="btn_implementation" data-implementation="2">即将延期</a></li>
					<li><a href="javascript:;" class="btn_implementation" data-implementation="3">无到日期</a></li>
				</ul>
			</div>
		</div>
		<div class="search_content">
			<div class="search_content_group dropdown">
				<button class="btn btn-default dropdown-toggle" type="button" id="search_taskstatus" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
					<span class="btn_text">任务状态</span>
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" aria-labelledby="search_taskstatus">
					<li><a href="javascript:;" class="btn_taskstatus" data-taskstatus="2">任务状态</a></li>
					<li><a href="javascript:;" class="btn_taskstatus" data-taskstatus="0">进行中</a></li>
					<li><a href="javascript:;" class="btn_taskstatus" data-taskstatus="1">已完成</a></li>
				</ul>
			</div>
		</div>
		<div class="search_content">
			<div class="search_content_group dropdown">
				<button class="btn btn-default dropdown-toggle" type="button" id="search_importantlevel" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
					<span class="btn_text">重要程度</span>
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" aria-labelledby="search_importantlevel">
					<li><a href="javascript:;" class="btn_importantlevel" data-importantlevel="3">重要程度</a></li>
					<li><a href="javascript:;" class="btn_importantlevel" data-importantlevel="0">普通</a></li>
					<li><a href="javascript:;" class="btn_importantlevel" data-importantlevel="1">重要</a></li>
					<li><a href="javascript:;" class="btn_importantlevel" data-importantlevel="2">紧急</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<!-- 主要内容区域 -->
<div id="contendiv" class="content_wrapper">
	<div class="content_box">
		<ul class="content_list">
			<li class="content_list_item add_form">
				<div class="well" style="padding: 0;">
					<div class="add_task">
						<span class="glyphicon glyphicon-plus-sign icon-add"></span>
						<button type="button" style="vertical-align: middle;cursor: pointer">新建任务列表</button>
					</div>
					<form class="add_list_form">
						<div class="form-group" style="position: relative;">
							<input type="text" class="form-control" id="list_name" placeholder="请输入列表名称">
							<div class="tool_tip">
								<div class="tool_arrow"></div>
								<div class="tool_inner">请输入列表名称</div>
							</div>
						</div>
						<div class="form-group form-btn-group cfix" style="margin: 0">
							<button type="button" class="btn btn-primary btn-save-list">保存</button>
							<button type="button" class="btn btn-default btn-cancel-list">取消</button>
						</div>
					</form>
				</div>
			</li>
		</ul>
	</div>
</div>

<!-- 任务详情弹窗 -->
<div class="modal fade bs-example-modal-lg task_info_modal" id="taskInfoModal" tabindex="-1" role="dialog"
	 aria-labelledby="taskModalLabel">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<span class="modal-title" id="taskModalLabel">任务详情</span>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<div class="modal_head_btns">
					<div class="btn-group btn-group-sm" role="group" aria-label="...">
						<button type="button" class="btn btn-default btn_mark">标记完成</button>
                        <button type="button" class="btn btn-default btn_cancel_mark" style="display: none">标记未完成</button>
						<button type="button" class="btn btn-default btn_attention">关注</button>
						<button type="button" class="btn btn-default btn_cancel_attention" style="display: none">取消关注</button>
						<button type="button" class="btn btn-default btn_urge">催办</button>
					</div>
					<button type="button" class="btn btn-default btn-sm btn_del">删除</button>
				</div>
			</div>
			<div class="modal-body">
				<div class="body_title">
					<input type="text" placeholder="请输入任务名称">
					<span class="glyphicon glyphicon-pencil m_edit_name"></span>
				</div>
				<div class="body_content">
					<div class="form-horizontal">
						<div class="form-group">
							<label class="col-xs-2 control-label">负责人</label>
							<div class="col-xs-10">
								<div class="form-control">
									<div class="creator_box manage_user">
                                        <div class="creator_name" style="float: left;margin: 2px 5px 0 0;">
											<input id="taskModalCreator" user_id="" disabled class="c_name" style="width: auto; text-align: center; background-color: transparent;">
										</div>
										<span class="glyphicon glyphicon-plus-sign icon-change-creator" style="top: 5px;"></span>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2 control-label">任务进度</label>
							<div class="col-xs-10">
								<div class="form-control progress_content">
									<div class="progress">
										<div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
										</div>
										<span class="progress_btn"></span>
										<span class="progress_num">0%</span>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2 control-label">起始日</label>
							<div class="col-xs-4">
								<div class="form-control">
									<div class="input-group">
										<input name="taskbegindate" class="form-control" id="taskbegindate" placeholder="起始日" type="text" readonly="readonly"/>
										<span class="input-group-addon btn_add_task" style="background: #dcdcdc">
													<span class="glyphicon glyphicon-time icon-add-task"></span>
												</span>
									</div>
								</div>
							</div>
							<label class="col-xs-2 control-label">到期日</label>
							<div class="col-xs-4">
								<div class="form-control">
									<div class="input-group">
										<input name="taskenddate" class="form-control" id="taskenddate" placeholder="到期日" type="text" readonly="readonly" />
										<span class="input-group-addon btn_add_task" style="background: #dcdcdc">
													<span class="glyphicon glyphicon-time icon-add-task"></span>
												</span>
									</div>
								</div>
							</div>

						</div>
						<div class="form-group">
							<label class="col-xs-2 control-label">评分值</label>
							<div class="col-xs-10">
								<div class="form-control">
									<input type="number" min="0" max="100" class="task_grade" value="0" style="width: 42px;margin-top: -3px;text-align: center;"/>分
									<div class="tip">只有用户上级才可以对评分进行修改</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2 control-label">重要程度</label>
							<div class="col-xs-10">
								<div class="form-control">
									<div class="important">
										<label class="btn_important normal" data-importantLevel="0"><span class="glyphicon glyphicon-ok"></span>普通</label>
										<label class="btn_important urgent" data-importantLevel="1"><span class="glyphicon glyphicon-ok"></span>重要</label>
										<label class="btn_important crucial" data-importantLevel="2"><span class="glyphicon glyphicon-ok"></span>紧急</label>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2 control-label">参与人</label>
							<div class="col-xs-8">
								<textarea id="taskModalJoiner" user_id="" class="form-control" disabled readonly rows="2" style="border: 1px solid #ccc; resize: none;"></textarea>
							</div>
							<div class="col-xs-2 user_opt">
								<a href="javascript:;" class="add_modal_joiner" style="display: block; margin-top: 5px; color: blue;text-decoration: none;">添加</a>
								<a href="javascript:;" class="clear_modal_joiner" style="display: block; color: red;text-decoration: none;">清空</a>
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2 control-label">共享人</label>
							<div class="col-xs-8">
								<textarea id="taskModalShared" user_id="" class="form-control" disabled readonly rows="2" style="border: 1px solid #ccc; resize: none;"></textarea>
							</div>
							<div class="col-xs-2 user_opt">
								<a href="javascript:;" class="add_modal_shared" style="display: block; margin-top: 5px; color: blue;text-decoration: none;">添加</a>
								<a href="javascript:;" class="clear_modal_shared" style="display: block; color: red;text-decoration: none;">清空</a>
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2 control-label">任务详情</label>
							<div class="col-xs-10">
								<textarea class="form-control task_desc" rows="3" placeholder="任务详情" style="border: 1px solid;"></textarea>
							</div>
						</div>
						<div class="form-group">
							<div class="parent_task_module" style="display: none;">
								<label class="col-xs-2 control-label">父任务</label>
								<div class="col-xs-10">
									<div class="form-control">
										<p class="parent_task_name"></p>
									</div>
								</div>
							</div>
							<div class="child_task_module">
								<label class="col-xs-2 control-label">子任务</label>
								<div class="col-xs-10">
									<div class="form-control" style="height: auto;">
										<div style="margin-bottom: 5px;">
											<a style="text-decoration: none; color: #222;cursor: pointer;">
												<span class="comple_tip">未完成数/总数</span>
												<span class="comple_unfinsh" style="margin-left: 10px;color: #ff0000;">0</span>/<span class="comple_total">0</span>
											</a>
										</div>
										<ul class="child_task" style="">
											<li class="child_task_item add_child_task">
												<a href="javascript:;"><span class="glyphicon glyphicon-plus-sign"></span>创建子任务</a>
												<div style="border-top: 1px solid;display: none;" class="child_task_box">
													<input type="text" class="child_task_name" placeholder="请输入子任务名称">
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-2 control-label">附件</label>
							<div class="col-xs-10">
								<div class="form-control" style="height: auto;">
									<form id="uploadimgform" target="uploadiframe"  action="../upload?module=taskManage" enctype="multipart/form-data" method="post" >
										<input type="file" name="file" id="uploadinputimg"  class="w-icon5" style="position: absolute;opacity: 0;width: 70px;
                    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)">
										<a href="javascript:;" id="uploadimg"><img style="margin-right:5px;" src="../img/icon_uplod.png"/><fmt:message code="global.th.fileup" /></a>
									</form>
									<div class="modal_file_box" style="margin-top: 10px"></div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="col-xs-offset-2 col-xs-10">
								<div class="form-control">
									<ul id="myTab" class="nav nav-tabs">
										<li class="active">
											<a href="#feedback" data-toggle="tab">反馈及评论</a>
										</li>
									</ul>
									<div id="myTabContent" class="tab-content">
										<div class="tab-pane fade in active" id="feedback">
											<div class="content" id="word_container" name="content"  style="width: 100%;"></div>
											<button type="button" class="btn btn-primary btn-xs btn_publish" style="float:right;margin-top: 10px;">发布</button>
											<ul style="margin-top: 45px;padding: 5px 10px;" class="feedback_ul">

											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary update_task_info">保存</button>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 设置任务催办弹窗 -->
<div class="modal-body" id="urgeModal" style="display: none;">
	<form class="form-horizontal">
		<div class="form-group">
			<label class="col-sm-3 control-label">催办内容</label>
			<div class="col-sm-8">
				<textarea class="form-control urge_content" rows="2" placeholder="催办内容" style="border: 1px solid;">这个任务需要抓紧处理</textarea>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">提醒给</label>
			<div class="col-sm-8">
				<label class="checkbox-inline">
					<input type="checkbox" style="margin-top: -1px;" class="remind" value="1" checked> 负责人
				</label>
				<label class="checkbox-inline">
					<input type="checkbox" style="margin-top: -1px;" class="remind" value="2"> 参与人
				</label>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">其他人</label>
			<div class="col-sm-7">
				<textarea id="other_users" user_id="" class="form-control" disabled readonly="readonly" rows="2" style="border: 1px solid;resize: none;"></textarea>
			</div>
			<div class="col-sm-2" style="padding-top: 5px; padding-left: 0;">
				<a href="javascript:;" class="add_other_users" style="display: block; color: blue;text-decoration: none;">添加</a>
				<a href="javascript:;" class="clear_other_users" style="display: block; color: red;text-decoration: none;">清空</a>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">提醒方式</label>
			<div class="col-sm-8">
				<label class="checkbox-inline">
					<input type="checkbox" style="margin-top: -1px;" value="1" class="reminder" name="reminder" checked> 内部消息
				</label>
				<label class="checkbox-inline">
					<input type="checkbox" style="margin-top: -1px;" value="2" class="reminder" name="reminder"> 手机短信
				</label>
			</div>
		</div>
	</form>
</div>

<script src="/js/task/message.js?20200918"></script>
<script src="/js/task/taskManage.js?20200918"></script>
<script src="/js/task/taskDrag.js?20201022"></script>
</body>
</html>
